<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="/css/shopping.css">
    <link rel="stylesheet" href="/icofont/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <header></header>

    <!-- 主体部分 -->
    <div class="container" id="content">
        <table class="zl-table">
            
        </table>
        <script type="text/html" id="shopCar">
            <thead>
                <tr>
                    <th width="70"><input type="checkbox" class="checkAll">全选</th>
                    <th>商品名称</th>
                    <th width="150">单价</th>
                    <th width="200">购买数量</th>
                    <th width="150">小计</th>
                    <th width="130">操作</th>
                </tr>
            </thead>
            <tbody>
                {{each info item}}
                <tr>
                    <td>
                        <input type="checkbox" class="checkSingle">
                    </td>
                    <td>
                        <img src="{{item.imgUrl}}" alt="">
                        <p>{{item.title}}</p>
                    </td>
                    <td class="price">{{item.price}}</td>
                    <td>
                        <input type="button" value="-" class="shopReduce"><input type="text" class="count" value="{{item.count}}"><input type="button" value="+" class="shopAdd">
                    </td>
                    <td class="priceAll">{{(item.price * item.count).toFixed(2)}}</td>
                    <td>
                        <em class="delete">X</em>
                    </td>
                </tr>
                {{/each}}
            </tbody>
        </script>


        <section>
            <p>
                商品应付金额：￥<i id="allProdsPrice"></i>元
            </p>
            <input type="submit" value="提交订单">
        </section>
    </div>

    <!-- 尾部 -->
    <footer></footer>

    <script src="/lib/require/require.min.js" data-main="/js/shopping.js"></script>
</body>

</html>